<!DOCTYPE html>
<html lang="en">
<head>
    <title>css3</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css3-tutorial.css" type="text/css">
</head>
<body>
<div id="div-1">文本1</div>
<div id="div-1-1">文本2</div>
<div id="div-1-2">文本3</div>
<div id="div-2">文本4</div>
<div id="div-2-1">文本5</div>
<div id="div-2-2">文本6</div>
<div id="div-3">文本7<br/>文本7-1</div>
<div class="div-4">This is a dog</div>
<div class="div-4">这是一条狗</div>
<dl>
    <dt>one</dt>
    <dt>two</dt>
    <dt>three</dt>
</dl>
<div id="div-5">
    <h3>标题呃呃呃</h3>
    <span>内容呃呃呃</span>
</div>
<div id="div-6">
    <h3>标题啊啊啊</h3>
    <div>内容啊啊啊</div>
    <div style="width:20px;height:20px"></div>
</div>
<div id="div-7">
    <div>hello world 1</div>
    <div>hello world 2</div>
    <div>hello world 3</div>
    <div>hello world 4</div>
    <div>hello world 5</div>
    <div>hello world 6</div>
    <div>hello world 7</div>
</div>
<div id="div-8">
    <h3>01</h3>
    <div>hello world 01</div>
    <h3>02</h3>
    <div>hello world 02</div>
    <h3>03</h3>
    <div>hello world 03</div>
    <h3>04</h3>
    <div>hello world 04</div>
    <h3>05</h3>
    <div>hello world 05</div>
    <h3>06</h3>
    <div>hello world 06</div>
    <h3>07</h3>
    <div>hello world 07</div>
</div>
<div id="div-9">
    <div>
        <div>hello</div>
        <div>world</div>
    </div>
    <div>
        <span>你好</span>
    </div>
</div>
<label id="label-1" for="input-1">hello</label>
<input type="text" id="input-1" style="display: block">
<button id="btn-1">click me</button>
<label for="input-2">hello</label>
<input type="text" id="input-2" style="display: block;" disabled>
<label for="input-3">world</label>
<input type="text" id="input-3" style="display: block;">
<div>
    <table>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>
</div>
</body>
</html>
